/**
 * Base CSS File
 */

/**
 * I don't know why, but this isn't working...
@media print {

	@import url(blueprint/print.css);

}

@media screen {

	@import url(blueprint/screen.css);

}
*/

@import url(blueprint/screen.css);

/**
 * Everything below this will be displayed in any media
 */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
	background-color: #222;
}

/**
 * Layout
 */

#wrap {
	color: #333;
	background-color: #fff;
	margin: 1em auto;
	padding: 1em;
}


/**
 * Header
 */
#wrap .head {
	padding: 1.5em;
}
	#wrap .head h1 {
		margin: 0;
	}
		#wrap .head h1 a {
			font-style: italic;
			font-weight: bold;
			text-decoration: none;
		}
			#wrap .head h1 a .jb {
				font-weight: normal;
				color: #333
			}
	#wrap .head .tagline {
		font-style: italic;
	}

/**
 * Errors
 */
form .error {
	margin: 0;
	padding: 5px;
}

/**
 * Forms
 */
form p {
	margin: 0;
}

.header .add {
	float: right;
	text-align: right;
	margin-bottom: 1em;
}

/**
 * Page Layout

#wrap .menu {
	width: 220px;
	float: left;
	background-color: #ddd;
}
	#wrap .menu li.main {
		padding: .5em;
		font-weight: bold;
	}
	#wrap .menu li {
		padding: .2em .1em;
		font-weight: normal;
	}

#wrap .content {
	width: 720px;
	float: right;
}

#wrap .foot {
	clear: both;
	text-align: center;
}
	#wrap .foot ul {
		
	}
		#wrap .foot ul li {
			display: inline;
		}
 */
/**
 * Temporary List Styles

ul, ol {
	margin: 1em;
}
	ul li, ol li {
		padding-left: 1em;
	}
	ol li {
		list-style-type: decimal;
	}
 */
/**
 * Debug Styles
 * @todo When I create the debug plugin, these will go into a debug.css which will get automatically included

#debug {
	width: 950px;
	background-color: white;
	padding: 1em;
	margin: 1em auto;
	overflow: auto;
}
	#debug p,
	#debug pre {
		background-color: #ccc;
		margin: 1em 0;
		padding: 5px;
	}
 */
/**
 * Flash Styles

.flash {
	margin: 0 0 1em 0;
	padding: .5em;
}
.flasherror {
	background-color: #FFAFAF;
	color: #900;
}
.flashsuccess {
	background-color: #B4DFA7;
	color: #456F37;
}
 */